<!DOCTYPE html>
<html lang="ja">

<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
    <meta name="description" content="クリック/タッチすることで、モーショングラフィックスと共に音を奏でるインタラクティブコンテンツの初音ミク版。">
    <meta name="twitter:site" content="@daniwell_aidn">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:image" content="https://aidn.jp/shared/img/og/mikutap.png">
    <meta property="og:locale" content="ja_JP">
    <meta property="og:title" content="Mikutap">
    <meta property="og:type" content="article">
    <meta property="og:url" content="https://aidn.jp/mikutap/">
    <meta property="og:image" content="https://aidn.jp/shared/img/og/mikutap.png">
    <meta property="og:site_name" content="AIDN">
    <meta property="og:description" content="クリック/タッチすることで、モーショングラフィックスと共に音を奏でるインタラクティブコンテンツの初音ミク版。">
    <meta property="fb:app_id" content="260132667518211">
    <title>Mikutap</title>
    <link rel="apple-touch-icon" href="icon.png">
    <link href="https://fonts.googleapis.com/css?family=Quicksand:400" rel="stylesheet">
    <link charset="UTF-8" href="../shared/sp/css/common.css" rel="stylesheet">
    <link charset="utf-8" href="css/mikutap.css" rel="stylesheet">
    <script charset="utf-8" src="http://likexia.gitee.io/tools/lib/js/jquery.min.js" type="text/javascript"></script>
    <script charset="utf-8" src="js/pixi.min.js" type="text/javascript"></script>
    <script charset="utf-8" src="js/TweenMax.min.js" type="text/javascript"></script>
    <script charset="UTF-8" src="../shared/js/common-2.js" type="text/javascript"></script>
    <script charset="utf-8" src="js/mikutap.js" type="text/javascript"></script>
</head>

<body>
    <div id="view"></div>
    <div id="scene_top">
        <h1>初音未来</h1>
        <div id="ng">
            <p class="atten">申し訳ございません、
                <br>お使いの端末又はブラウザには対応しておりません。</p>
        </div>
        <div class="ok">
            <p id="bt_start"><a href="">开始</a></p>
        </div>
        <p id="bt_about"><a href="">关于</a></p>
        <div class="ok">
            <p class="attention">※サウンドをオンにしてお楽しみください。</p>
        </div>
<!--
        <p class="tit">SHARE:</p>
        <p class="con"> <span class="sns" id="bt_tw"><img src="../shared/img/sns/twitter_w.png" alt="tweet"></span> <span class="sns" id="bt_fb"><img src="../shared/img/sns/facebook_w.png" alt="share"></span> <span class="sns" id="bt_gp"><img src="../shared/img/sns/google_w.png" alt="google+"></span> </p>
-->
    </div>
    <div id="scene_loading">
        <hr size="1" color="#fff"> </div>
    <div id="scene_main">
        <div class="set">
            <p class="attention">点击 &amp; 拖动或按任何键!</p>
            <p id="bt_feedback"><a href="">信息反馈: 开</a></p>
            <p id="bt_backtrack"><a href="">背景音乐: 开</a></p>
        </div>
    </div>
    <div id="about_cover"></div>
    <div id="about">
        <div id="about_in">
            <p class="close"><span id="bt_close">×</span></p>
            <p class="con"> 声音来源 <a href="https://ec.crypton.co.jp/pages/prod/vocaloid/mikuv4x" target="_blank">Hatsune Miku</a> </p>
            <p class="con"> 创建者 <a href="../index.html" target="_blank">daniwell</a> (<a href="https://twitter.com/daniwell_aidn" target="_blank">twitter</a>) </p>
            <p class="link">灵感来自 <a href="http://patatap.com/" target="_blank">Patatap</a>
                <br>(精彩的网站!)</p>
        </div>
    </div>
    <div id="bt_back">＜</div>
    <div id="bt_fs">□</div>
</body>

</html>
